<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html">


<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>PetStore UOC - Practical Case</title>
	 <f:metadata>
      <f:viewParam name="idOrder" value="#{findorder.idOrder}"/>
   </f:metadata>
	
</h:head>

<h:body> 
  <div id="layout">
	<div id="top" class="top">
		<ui:insert name="top">
			<table width="100%" cellspacing="0" border="0"
			  background="#{resource['images:bkg-topbar.gif']}">
			  <tr>
			    <td width="26"><img border="0" src="#{resource['images:petstore.gif']}"/></td>  
			  </tr>
			</table>
		</ui:insert>
	</div>
 </div>
 </h:body> 
 
  <h:form align="left" >
	  <p><b><font face="geneva,verdana,arial" size="4">Order Information</font></b>
     </p>	
    <font face="geneva,verdana,arial" size="2">   
		<b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Id: </b><h:outputText style="text-align: right" value="#{findorder.order.id}" />
<p>
<b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Status: </b><h:outputText value="#{findorder.order.orderstatus.orderstatus}" />

</p>
<p>
<b>Total Amount: </b><h:outputText style="text-align: right" value="#{findorder.order.totalamount}"/>&nbsp; €

</p>
        </font>
             <p><b><font face="geneva,verdana,arial" size="4">Shipping Address</font></b>
    </p>	
    <font face="geneva,verdana,arial" size="2">   
<b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Address: </b><h:outputText  value="#{findorder.order.shippingaddress.address}" />
<p>
<b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;City: </b><h:outputText value="#{findorder.order.shippingaddress.city}" />

</p>
<p>
<b>Postal Code: </b><h:outputText  value="#{findorder.order.shippingaddress.postalCode}" />

</p>
<p>
<b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Email: </b><h:outputText  value="#{findorder.order.customer.email}" />
</p>

</font>
         
           <p><b><font face="geneva,verdana,arial" size="4">Customer Information</font></b>
    </p>	
    <font face="geneva,verdana,arial" size="2">   
<b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Nif: </b><h:outputText value="#{findorder.order.customer.nif}" />
<p>
<b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Name: </b><h:outputText value="#{findorder.order.customer.name}" />

</p>
<p>
<b>&nbsp;&nbsp;&nbsp;&nbsp;Surname: </b><h:outputText  value="#{findorder.order.customer.surname}" />

</p>
<p>
<b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Email: </b><h:outputText value="#{findorder.order.customer.email}" />

</p>

        </font>
         

					<h:commandButton value="Back" immediate="true" rendered="#{findorder.list}" action="OrderListView.html">
					</h:commandButton> 
					<p></p>
						<h:commandButton value="Back" immediate="true" rendered="#{findorder.consult}" action="ConsolaComandes.html">
					</h:commandButton> 
						  </h:form>		
	
</html>
